<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css/style.css">

</head>
<body>

  <header>
    <h1>剪刀 石头 布</h1>
  </header>
  <div class="score">
    <div class="user-label score-label">玩家</div>
    <div class="comp-label score-label">电脑</div>
    <span class="user-score">0</span>:
    <span class="comp-score">0</span>
  </div>
  <div class="result">
    <p>石头 VS 布 你输了！</p>
  </div>

  <div class="choices">
    <div class="choice">
      <img id="s" src="images/剪刀手.png" alt="">
    </div>
    <div class="choice">
      <img id="p" src="images/布.png" alt="">
    </div>
    <div class="choice">
      <img id="r" src="images/石头手.png" alt="">
    </div>
  </div>

  <p class="message">你的选择是...</p>
  <script src="js/index.js"></script>
</body>
</html>